<template>
    <div class="simple-bt">
        <button class="light-1">按钮1</button>
        <button class="light-2">按钮2</button>
        <button class="light-3">按钮3</button>
    </div>
</template>

<script>
export default {
    name: "SimpleClassButton",
    data() {
        return {
        }
    },
    computed: {},
    methods: {
    },
    mounted() {

    }
}
</script>

<style scoped>
@import url('@/assets/css/button/light-1.css');
@import url('@/assets/css/button/light-2.css');
@import url('@/assets/css/button/light-3.css');

.simple-bt button {
    min-width: 100px;
    min-height: 50px;
    position: relative;
    margin: 20px;
    font-size: 25px;
    text-decoration: none;
    user-select: none;
    border: 0;
}
</style>